<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<link href="css/index.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="top">
 <div class="top1">
  <div class="left">
   <p>欢迎</p>
   <p style=" color:#f5791f">艺教之星</p>
   <p>登录艺术教育平台！</p>
  </div><!--left end-->
  <div class="right">
   <ul>
    <li><img src="images/1_03.png" width="11" height="15" /></li>
    <li>个人中心</li>
    <li><img src="images/1_07.png" width="9" height="15" /></li>
    <li>手机版</li>
    <li><img src="images/1_09.png" width="14" height="15" /></li>
    <li>网站导航</li>
    <li><img src="images/1_05.png" width="14" height="15" /></li>
    <li>我的收藏</li>
    <div class="clear"></div>
   </ul>
  </div><!--right end-->
  <div class="clear"></div>
 </div><!--top1 end-->
 <div class="topp1"></div>
 <div class="top2"><img src="images/images/dasdasd.jpg" width="213" height="75" /></div><!--top2 end-->
 <div class="top3">

<input type="search" style=" background:url(images/images/adadadadaweqw_03.png) no-repeat; height:35px ; text-align:center; background-color:#f0f0f0; width:182px" background-color:#f0f0f0  placeholder="输入搜索关键词"/>

 <input type="button" style=" border:#f68823;; background-color:#f67f21;width:84px; height:35px"   class="put" value="搜索"/>
</div><!--top3 end-->
<div class="clear"></div>
<div class="top4">
 <ul>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <li><a href="#">资讯中心</a></li>
  <div class="clear"></div>
 </ul>
</div><!--top4 end-->
</div><!--top end-->
<div class="main">
 <div class="banner">
 <div class="main1">
 <div class="leftmid">
 <div class="left">
 <div class="left1"><a href="#">艺教课程</a></div>
  <div class="leftd">
  <div class="left2">
  <p>荧星启蒙</p>
  <ul>
   <li><a href="#">少儿启蒙</a></li>
   <li><a href="#">艺术启蒙</a></li>
   <div class="clear"></div>
  </ul>
  </div>
  <div class="left3">
  <p>舞蹈教学</p>
  <ul>
   <li><a href="#">民族舞</a></li>
   <li><a href="#">民族舞</a></li>
   <li><a href="#">民族舞</a></li>
   <li><a href="#">民族舞</a></li>
   <div class="clear"></div>
  </ul>
  </div>
  <div class="left4">
   <p>表演教学</p>
   <ul>
   <li><a href="#">影视表演</a></li>
   <li><a href="#">影视表演</a></li>
   <li><a href="#">影视表演...</a></li> 
   </ul>
   <div class="clear"></div>
  </div>
  <div class="left5">
   <p>声乐教学</p>
   <ul>
   <li><a href="#">声乐合唱</a></li>
   <li><a href="#">声乐合唱</a></li>
   <li><a href="#">声乐合唱</a></li>
   </ul>
   <div class="clear"></div>
  
  </div>
  <div class="left6">
    <p>器乐教学</p>
   <ul>
   <li><a href="#">民乐演奏</a></li>
   <li><a href="#">管弦乐演奏</a></li>
   </ul>
   <div class="clear"></div>
  </div>
  <div class="left7">
   <p>荧星艺画</p>
   <ul>
   <li><a href="#">美术涂鸦级</a></li>
   <li><a href="#">美术创想级</a></li>
   <li><a href="#">美术...</a></li>
   </ul>
   <div class="clear"></div>
  </div>
  <div class="left8">
   <p>荧星墨香</p>
   <ul>
   <li><a href="#">书法启蒙班</a></li>
   <li><a href="#">书法提高班</a></li>
   <li><a href="#">书法...</a></li>
   </ul>
   <div class="clear"></div>
  </div>
 
  </div><!--leftd end-->
 </div><!--left end-->
 <div class="mid"><img src="images/1_20.png" width="833" height="424" /></div><!--mid end-->
  </div><!--leftmid end-->
 <div class="right">
  <div id="ddt" class="ss"><!--ss beg-->
             <ul>
              <li> <div class="ss1">
               <p><a href="#">独家发布</a></p>
               </div> 
              </li>
              <li>
               <div class="ss2">
               <p><a href="#" >活动快报</a></p>
                </div>
              </li>
             </ul>
                                                                           <div class="clear"></div>
  </div><!--ss end-->
  
  
   <div id="heheda" class="ouu">
  <div class="mm"><img src="images/1_23.png" width="212" height="210" /></div>
  <div class="ff">
   <div class="ff1">
    <ul>
     <li>中国声音艺术大展首度亮相美国</li>
     <li>曹尔瑞：真正站在孩子立场你..</li>
      <li>曹尔瑞：真正站在孩子立场你..</li>
    </ul>
   </div>
   <div class="ff2"><img src="images/小荧星新首页_03.png" width="213" height="80" /></div>
  </div><!--ff end-->
 </div><!--ouu end-->
 
 
  <div id="cct" class="our"><!--our beg-->
 <div class="gghh">
  <div class="mm"><img src="images/1_23.png" width="212" height="210" /></div>
  <div class="ff">
   <div class="ff1">
    <ul>
     <li>中国声音艺术大展首度亮相美国</li>
     <li>曹尔瑞：真正站在孩子立场你..</li>
      <li>曹尔瑞：真正站在孩子立场你..</li>
    </ul>
   </div>
   <div class="ff2"><img src="images/小荧星新首页_03.png" width="213" height="80" /></div>
  </div><!--ff end-->
 </div><!--gghh end-->
  
  <div class="gghh">
  <div class="mm"><img src="images/xianzai.png" width="207" height="203" /></div>
  <div class="ff">
   <div class="ff1">
    <ul>
     <li>中国声音中国声音中国声音中</li>
     <li>中国声音中国声音中国声音美</li>
      <li>中国声中国声音大中国声音</li>
    </ul>
   </div>
   <div class="ff2"><img src="images/小荧星新首页_03.png" width="213" height="80" /></div>
  </div><!--ff end-->
 </div><!--gghh end-->
  
  
  
  </div><!--our end-->
 </div><!--right end-->
 <div class="clear"></div>
 </div><!--main1 end-->
 <div class="main2">
  <div class="node1">
   <div class="noded1">教育培训</div>
    <div class="noded2">少儿绘画</div>
    <div class="noded3">书法琴艺</div>
    <div class="noded4">音乐舞蹈</div>
    <div class="noded5">主持表演</div>
    <div class="noded6">寒暑假班</div>
   
  </div><!--node1-->
  <div class="node2">
   <ul>
    <li><img src="images/1_32.png" width="214" height="331" /></li>
    <li><img src="images/1_33.png" width="213" height="331" /></li>
    <li><img src="images/1_35.png" width="212" height="331" /></li>
    <li><img src="images/1_37.png" width="213" height="331" /></li>
    <li><img src="images/1_38.png" width="212" height="331" /></li>
   </ul>
  </div><!--node2-->
  
 <div class="clear"></div>
 </div><!--main2 end-->
 <div class="main3">
 <div class="baoguo">
  <div class="m3left">
   <div class="m3left1">
    <p><a href="#">活动中心</a></p>
    <ul>
     <li><a href="#">亲子活动</a></li>
     <li><a href="#">国际交流</a></li>
     <div class="clear"></div>
    </ul>
   
   </div><!--m3left1-->
   <div class="bckg">
   <div class="m3left2">
    <p><a href="#">不可错过的活动</a></p>
     <ul>
     <li><a href="#">亲子陶艺</a></li>
     <li><a href="#"> 条头糕薄荷糕</a></li>
      <div class="clear"></div>
     </ul>
      <ul>
     <li><a href="#">大闸蟹</a></li>
     <li><a href="#">  南翔小笼包</a></li>
     <li><a href="#">  南翔小笼包</a></li>
      <div class="clear"></div>
     </ul>
      <ul>
     <li><a href="#">糟田螺 </a></li>
     <li><a href="#">上海八宝饭</a></li>
     <li><a href="#">老虎脚爪</a></li>
      <div class="clear"></div>
     </ul>
     
   
   </div><!--m3left2-->
   <div class="m3left3">
    <p><a href="#">热门必去的活动</a></p>
     <ul>
     <li><a href="#">上海市区</a></li>
     <li><a href="#"> 松江 </a></li>
     <li><a href="#"> 崇明 </a></li>
     <li><a href="#"> 青浦  </a></li>
     </ul>
      <ul>
     <li><a href="#">奉贤</a></li>
     <li><a href="#">  杭州 </a></li>
     <li><a href="#">  常州</a></li>
     </ul>
      <ul>
     <li><a href="#">安吉 </a></li>
     <li><a href="#">南京 </a></li>
     <li><a href="#">阳澄湖</a></li>
     </ul>
       <ul>
     <li><a href="#">普陀山 </a></li>
     <li><a href="#">淹城 </a></li>
     </ul>
   </div><!--m3left4-->
   </div><!--bckg end-->
  </div><!--m3left end-->
  <div class="m3mid">
   <div class="m3mid1"><img src="images/1_44.png" width="426" height="330" /></div>
   <div class="m3mid2" style=" position:absolute; left:709px; top:964px"><img src="images/1_46.png" width="426" height="164" /></div>
   <div class="m3mid2" style=" position:absolute; left:711px; top:1128px"><img src="images/1_48.png" width="212" height="166" /></div>
   <div class="m3mid3" style=" position:absolute; left:923px; top:1128px"><img src="images/1_49.png" width="214" height="166" /></div>
  </div><!--m3mid end-->
  </div><!--baoguo end-->
  <div class="m3right">
   <p>热门推荐</p>
   <ul>
    <li>国庆回了次老家泰州 </li>
    <li>魔都10月份各类万圣节活动大汇总</li>
    <li>2014宝贝达人秀第二季海选第一场</li>
    <li>十.一外滩观灯</li>
    <li>观看摩尔庄园舞台剧</li>
    <li>《少儿军事定向+秋季趣味亲子运...</li>
    <li>国庆十月一我在魔都Y3动漫节+田...</li>
    <li>查看全部</li>
   </ul>
  </div><!--m3right end-->
 <div class="clear"></div>
 </div><!--main3 end-->
 <div class="main4">
  <div class="mleft">
   <p>热门日志</p>
   <div class="mleft1">
    <span><img src="images/1_60.png" width="50" height="51" /></span>
    <ul>
     <li style=" font-size:14px; font-weight:900; color:#0d89d0">家长ID</li>
     <li style=" font-size:12px;">尊重孩子的选择</li>
     <div class="clear"></div>
    </ul>
   </div>
   <div class="mleft2">
    <span><img src="images/1_63.png" width="50" height="51" /></span>
    <ul>
     <li style=" font-size:14px; font-weight:900; color:#0d89d0">家长ID</li>
     <li style=" font-size:12px;">艺术细胞的培养要从...</li>
     <div class="clear"></div>
    </ul>
   
   </div>
   <div class="mleft3">
    <span><img src="images/1_71.png" width="50" height="52" /></span>
    <ul>
     <li style=" font-size:14px; font-weight:900; color:#0d89d0">家长ID</li>
     <li style=" font-size:12px;">细数好习惯对孩子成...</li>
     <div class="clear"></div>
    </ul>
   </div>
   <div class="mleft4">
    <span><img src="images/1_73.jpg" width="51" height="51" /></span>
    <ul>
     <li style=" font-size:14px; font-weight:900; color:#0d89d0">家长ID</li>
     <li style=" font-size:12px;">艺术细胞的培养要从...</li>
     <div class="clear"></div>
    </ul>
   </div>
  </div><!--mleft end-->
  <div class="mright">
  <div class="mright1">
   <ul>
    <li><img src="images/1_52.png" width="213" height="166" /></li>
    <li><img src="images/1_53.png" width="214" height="166" /></li>
    <li><img src="images/1_54.png" width="212" height="166" /></li>
    <li><img src="images/1_56.png" width="213" height="166" /></li>
    <li><img src="images/1_57.png" width="214" height="166" /></li>
   
  
   </ul>
   </div><!--mright1 end-->
   
   <div class="mright2">
   <ul>
    <li><img src="images/1_64.png" width="214" height="166" /></li>
    <li><img src="images/1_65.png" width="212" height="166" /></li>
    <li><img src="images/1_67.png" width="212" height="166" /></li>
    <li><img src="images/1_68.png" width="213" height="166" /></li>
    <li><img src="images/1_69.png" width="214" height="166" /></li>
   
   
   </ul>
   </div><!--mright2 end--> <div class="clear"></div>
  
  </div><!--mright end-->
 </div><!--main4 end-->
</div><!--banner end-->
</div><!--main end-->
<div class="foot">
     <div class="foot1">
      <p>合作单位</p>
      <span>更多>></span>
      <div class="clear"></div> 
     </div><!--foot1 end-->
     <div class="foot2">
      <div class="ff">
       <ul>
        <li><img src="images/1_80.png" width="172" height="70" /></li>
        <li><img src="images/1_82.png" width="174" height="71" /></li>
        <li><img src="images/1_84.png" width="172" height="70" /></li>
        <li><img src="images/1_86.png" width="173" height="70" /></li>
        <li><img src="images/1_88.png" width="174" height="70" /></li>
        <li><img src="images/1_102.png" width="174" height="71" /></li>
        <li style=""><img src="images/1_104.png" width="173" height="71" /></li>
       </ul>
      </div>
       <div class="fe">
         <ul>
        <li><img src="images/1_80.png" width="172" height="70" /></li>
        <li><img src="images/1_82.png" width="174" height="71" /></li>
        <li><img src="images/1_84.png" width="172" height="70" /></li>
        <li><img src="images/1_86.png" width="173" height="70" /></li>
        <li><img src="images/1_88.png" width="174" height="70" /></li>
        <li><img src="images/1_102.png" width="174" height="71" /></li>
        <li><img src="images/1_104.png" width="173" height="71" /></li>
       </ul>
       </div>
     
     
  </div><!--foot2 end--><div class="clear"></div>
     <div class="foot3">
      <div class="f3left">
       <div class="ft1">友情链接</div><!--ft1 end-->
       <div class="ft2">
        <ul>
         <li>腾讯ecd</li> 
         <li> 腾讯TGideas</li>
         <li>APP设计欣赏</li>
         <li>hao123</li>
         <li>UI制造者盒子</li>
         <li>UI hiiishare</li>
         <li>前沿设计</li>
         <li> 嘟嘟奇Crege </li>
         <li>创意阁 </li>
         <li>致设计</li>
         <li>资源下载</li>
         <li>深圳网站设计</li>
         <li>设计博</li>
          <li>客</li>
         <li>拉勾招聘</li>
         <li>设计青年 </li>
         <li> 图趣网</li>
         <li>酷站志 </li>
         <li>360安全网址导航</li>
         <li> 360免费杀毒 </li>
         <li> 新浪微博 </li>
         <li>UDC</li>
         <li>重庆网站设计</li>
         <div class="clear"></div>
        </ul>
       </div><!--ft2 end-->
       <div class="ft3">
        <ul>
         <li>艺术教育</li>
         <li>|</li>
         <li>名师名校</li>
         <li>|</li>
         <li>网上商城</li>
         <li>|</li>
         <li>国际交流</li>
         <li>|</li>
         <li>活动专区</li>
         <li>|</li>
         <li>视频教学</li>
         <li>|</li>
         <li>成长日记</li>
         <li>|</li>
         <li>互动专区 </li>
         <li>|</li>
         <li>明日之星</li>
         <div class="clear"></div>
        </ul>
       </div><!--ft3 end-->
       <div class="ft4">
        <ul>
         <li>Copyright 2007 - 2014 </li>
         <li> All Rights Reserved</li>
         <li>小荧星艺校保留所有网站内容最终解释权</li>
         <li>沪ICP备14028192号]</li>
         <div class="clear"></div>
        </ul>
       </div><!--ft4 end-->
      </div><!--f3left end-->
      <div class="f3right">
       <div class="frt1">
        <p><img src="images/1_121.png" width="87" height="87" /></p>
        <p style=" border:none; color:#a6a6b0">官方微博</p>
       
       </div><!--frt1 end-->
       <div class="frt2">
         <p><img src="images/1_121.png" width="87" height="87" /></p>
        <p style=" border:none; color:#a6a6b0">官方微信</p>
       
       </div><!--frt2 end-->
      </div><!--f3right end-->
     </div><!--foot3 end-->
     <div class="foot4"></div><!--foot4 end-->
</div><!--foot end-->
</body>
</html>
	<script>
	 var aad=document.getElementById("ddt").getElementsByTagName("li")
	 var ccd=document.getElementById("cct").getElementsByClassName("gghh")
	 var he=document.getElementById("heheda")
	  	for(i=0;i<aad.length;i++)
  {
	 (function(i) 
	  {
		   j=i-1;
		   aad[i].onclick=function(){
			  ccd[i].style.display="block";
			  he.style.display="none";
			 
		}
		aad[i].onmouseout=function(){
			  
			  
		}
		
	 }
	 
	 
   )(i)
	
	
  }
		
		
		
		
		
		
		
    </script>
